<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>流程图</title>

	<!--jquery -->
	<script type="text/javascript" src="js/jquery/jquery-2.0.3.min.js" ></script>
	
	<script type="text/javascript">
    //获取url中的参数
    function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  //匹配目标参数
        if (r != null) return unescape(r[2]); return null; //返回参数值
    }
    
    $(function(){
    	$('#flowImg').attr('src', 'deploy/showFlowImage.do?taskId=' + getUrlParam('taskId'));

		$('#taskPoint').css('top', getUrlParam('y') - 1 + 'px');
		$('#taskPoint').css('left', getUrlParam('x') - 1 + 'px');
		$('#taskPoint').css('width', getUrlParam('width') - 2);
		$('#taskPoint').css('height', getUrlParam('height') - 2);
    })
	</script>
</head>
<body>
	<div style="padding: 0px; position: relative; ">
		<img id="flowImg" alt="流程图" src=""  />
		<div id="taskPoint" style="position: absolute;border:2px solid red; border-radius:13px;  top:100px;left:100px;width: 100px;height:100px;"></div>
	</div>
</body>
</html>